<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详情页</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./fa/css/all.css">
    <link rel="icon" href="./favicon.ico">
</head>
<body>
     <!-- 顶部导航栏 -->
     <div class="nav-wrapper ">
        <div class="nav-wrap w clearfix">
        <div class="nav-left ">
        <ul>
        <li><a href="./index.html">品优欢迎您！</a></li>
        <li><a href="./login.html">请登录</a></li>
        <li><a href="./registered.html">免费注册</a></li>
        </ul></div>
        <div class="nav-right">
        <ul>
        <li><a href="">我的订单</a></li>
        <li>|</li>
        <li><a href="">我的品优购</a>
        <i class="fas fa-angle-down"></i></li>
        <li><a href="">品优购会员</a></li>
        <li>|</li>
        <li><a href="">企业采购</a></li>
        <li>|</li>
        <li><a href="">关注品优购</a>
        <i class="fas fa-angle-down"></i></li>   
        <li>|</li>
        <li><a href="">客户服务</a>
        <i class="fas fa-angle-down"></i></li>
        <li>|</li>
        <li><a href="">网站导购</a>
        <i class="fas fa-angle-down"></i></li>
        </ul></div></div>
    </div>
    <!-- 搜索框 -->
    <div class="search-wrapper w clearfix">
        <div class="logo">
            <img src="./image/logo.png">
        </div>
        <div class="search-wrap">
            <div class="search">
                <div class="search-top">
                    <div class="search">
                       <form action="POST">
                        <input type="text" class="t1" placeholder="  语言开发">
                       </form>
                        <input type="button" value="搜索" class="t2">
                    </div>
                    <div class="search-bottom">
                        <ul>
                            <li><a href="#">优惠购首页</a></li>
                            <li><a href="#">亿元优惠</a></li>
                            <li><a href="#">9.9元团购</a></li>
                            <li><a href="#">每满99减30</a></li>
                            <li><a href="#">办公用户</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">通信</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
            <div class="shop">
                <span></span><a href="#">购物车></a>
            </div>
    </div>
    <!-- 导航条 -->
    <div class="top-wrap">
        <div class="top-wrapper w clearfix">
            <ul class="top-menu">
                <li class="all-goods-menu"><a href="">全部商品分类</a></li>
                <li><a href="">服装城</a></li>
                <li><a href="">美妆馆</a></li>
                <li><a href="">传智超市</a></li>
                <li><a href="">全球购</a></li>
                <li><a href="">闪购</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">拍卖</a></li>
                <li><a href="">有趣</a></li>
                </ul>
            </div>
    </div> 
    <!-- 详情分类 -->
    <div class="detail-left">
        
    </div>
    <!-- 尾部 -->
    <div class="foot-wrapper">
        <div class="foot w">
            <!-- 图标 -->
            <div class="foot-logo">
                <div class="zp-wrap">
                    <div class="zp"></div>
                    <div class="bz">
                     <h>正品保障</h>
                     <p>正品保障，提供发票</p>
                    </div>
                </div>
                <div class="js-wrap">
                    <div class="js"></div>
                    <div class="bz">
                     <h>急速物流</h>
                     <p>急速物流，急速传送</p>
                    </div>
                </div>
                <div class="wy-wrap">
                    <div class="wy"></div>
                    <div class="bz">
                     <h>无忧售后</h>
                     <p>七天无理由退换货</p>
                    </div>
                </div>
                <div class="ts-wrap">
                    <div class="ts"></div>
                    <div class="bz">
                     <h>特色服务</h>
                     <p>私人定制家电套餐</p>
                    </div>
                </div>
                <div class="help-wrap">
                    <div class="help"></div>
                    <div class="bz">
                     <h>帮助中心</h>
                     <p>你的购物指南</p>
                    </div>
                </div>
            </div>
            <!-- 信息 -->
            <div class="foot-info">
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="ewm-wrap">
                    <h>帮助中心</h>
                    <div><img src="image/wx_cz.jpg">
                    <p>品优购客户端</p></div>
                </div>
            </div>
            <div class="about-wrapper">
                <ul class="foot-menu">
                    <li>关于我们</li>
                    <li>|</li>
                    <li>联系我们</li>
                    <li>|</li>
                    <li>联系客服</li>
                    <li>|</li>
                    <li>商家入驻</li>
                    <li>|</li>
                    <li>营销中心</li>
                    <li>|</li>
                    <li>手机品优购</li>
                    <li>|</li>
                    <li>友情链接</li>
                    <li>|</li>
                    <li>销售联盟</li>
                    <li>|</li>
                    <li>品优购社区</li>
                    <li>|</li>
                    <li>品优购公益</li>
                    <li>|</li>
                    <li>English Site</li>
                    <li>|</li>
                    <li>Contact U</li>
                </ul>
                <div class="foot">
                    <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话400-618-4000 传真：010-82935100 邮箱：zhanghj+itcast.cn</p>
                    <p>京ICP备08001421号京公网安备110108007702</p>
                </div>
            </div>
        </div>
        
    </div>
</body>
</html>